import Vue from 'vue'
import VueRouter from 'vue-router'
const Home = () => import('../views/Home.vue')
const typeCoding = () => import('../views/typeCoding')
const textEntry = () => import('../views/textEntry')
const Segpunk = () => import('../views/Segpunk')
const magnifier = () => import('../views/magnifier')
Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home,
    children:[{
      path:'/typeCoding',
      name:'typeCoding',
      component:typeCoding
    },{
      path:'/textEntry',
      name:'textEntry',
      component:textEntry
    },{
      path:'/Segpunk',
      name:'Segpunk',
      component:Segpunk
    },{
      path:'/magnifier',
      name:'magnifier',
      component:magnifier
    }]
  },
]

const router = new VueRouter({
  routes
})

export default router
